@charset "utf-8";
/**
 * 全局base定义
 * 本文件与variables不同地方在于，这里所定义的map可以使用在variables和任何地方
 * 本文件中map使用"_"开头，extra中不使用"_"
 * base ⇌ extra
 */

// base
$base: (
    // root字号类型：normal | scaling
    // normal表示root字号使用 `font-size-root`
    // scaling表示root字号使用 `font-size-root-scaling`
    responsive-type:        normal,
    // html root使用100px，方便rem单位的换算
    font-size-root:         100px,
    // 适配：用于做元素随屏幕大小而变化的情况
    font-size-root-scaling: 31.25vw,
    // body的默认字号（文档基准字号）
    // chrome37-45/opera24-33在body上使用rem时有个bug（其他版本未测），后续版本已被修复:
    // 只要引用了外部样式，不论里面的内容是什么，body上的rem就会失效
    // 这时在开发者工具里，关闭又开启一次该条属性，则生效，刷新又挂
    // 由于body是html的子元素，所以对于body来讲，此时rem与em的效果是相同的
    font-size:            .14em,
    // font-family
    font-family:          #{"Helvetica Neue", Helvetica, STHeiTi, sans-serif},
    // lin-height
    line-height:          1.5,
    // 默认文档背景色
    doc-bgcolor:          #ffffff,
    // 默认边框色
    border-color:         #ccc,
    // 默认次级边框色
    sub-border-color:     #ddd,
    // 默认背景颜色
    bgcolor:              #ffffff,
    // 默认文本颜色
    color:                #333,
    // 默认次级文本颜色
    sub-color:            #666,
    // 默认边框色
    disabled-border-color:#ccc,
    // 默认文档颜色
    disabled-bgcolor:     #e0e0e0,
    // 默认禁用文本颜色
    disabled-color:       #bbb,
    // 高亮色
    light-color:          #FE0053,
    // 价格颜色
    price-color:          #f60,
    // 默认链接色
    link-color:           #00afc7,
    // 链接经过色
    link-hover-color:     #f60
);
select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
  background: transparent;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
// 公共的颜色
$color-bg: #78D041;
$color-bg-one: #FF5A5A;
$color-font: #333;
$color-font-one: #666;
$color-font-two: #FF5A5A;

// 公共的字体大小
$font-18: 18px;
$font-16: 16px;
$font-15: 15px;
$font-14: 14px;
$font-12: 12px;
$font-10: 10px;
// 按钮
button {
  border: none;
  outline: none;
}
// 弹出框颜色
.mint-msgbox-confirm,.mint-msgbox-confirm:active {
  color: #78D041;
}

// 绿色背景
.g_bg {
    background-color: #78D041;
}
// 绿色文字
.g_text {
    color: #78D041;
}
.grey {
    color: #666;
    font-size: 14px;
}
.tc {
    text-align: center;
}
.back-icon {
    width: 14px;
    height: 14px;
}
// 更多icon
.more-icon {
  width: 14px;
  height: 14px;
  float: right;
  margin-top:20px;
  margin-right: 4px;
}
.less-icon {
    width: 12px;
    height: 12px;
    float: right;
    margin-top:12px;
  }
//公共按钮
.common-btn {
  width: 305px;
  height:46px;
  background-color: $color-bg;
  font-size: $font-16;
  color: #fff;
  letter-spacing: 2px;
  margin-top:20px;
  border-radius: 5px;
  opacity: 0.5
}
//列表
.common-li {
    width: 100%;
    height:54px;
    line-height: 54px;
    padding: 0 16px 0 16px;
    color: #333;
    background: #fff;
    font-size: 14px;
    margin-top:10px;
}
.common-border {
    width: 100%;
    height:54px;
    line-height: 54px;
    padding: 0 16px 0 16px;
    color: #333;
    font-size: 14px;
    background: #fff;
    border-top: 1px solid #e5e5e5
}
//添加支付宝、银行卡列表
.common-card {
  width: 100%;
  height:40px;
  line-height: 54px;
  padding: 0 16px 0 14px;
  color: #333;
  font-size: 14px;
  background: #fff;
  border-top: 1px solid #e5e5e5
}
//公共副标题
.common-sub-title {
  padding: 18px 0;
  border-bottom: 1px solid #e5e5e5;
  img {
    width: 24px;
    height: 23px;
    margin-right: 14px;
  }
  span {
    font-size: $font-18;
    vertical-align: middle;
  }
}
// 公共的主页面--主列表
.common-item {
  padding: 16px 0 16px 0;
  font-size: $font-15;
  border-bottom: 1px solid #e5e5e5;
  span {
    line-height: 2;
    letter-spacing: 2px;
  }
  .num {
    color: $color-font-two;
  }
}
.module {
  background: #fff;
  margin: 10px auto auto auto;
  .item {
    padding: 0 16px;
  }
}
// 公共的主页面--主列表 end
.common-rigth{
    float: right
}
.common-left{
    float: left;
}
input{
    border: none;
    height:90%;
    width: 100%;
    text-indent: 10px;
    &::-webkit-input-placeholder{
      color:#999;
      font-size: 15px;
    }
}
.flex-li {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
  span {
    flex: 1;
  }
  &:nth-child(odd) {
    background-color: #e5e5e5;
  }
}
.common-code{
  padding: 2px 4px;
  display: inline-block;
  background: #78D041;
  color: #fff;
  font-size: 10px;
  text-align: center;
  line-height: 22px;
  margin-top: 16px;
}

// 公共表格
.common-total-list {
  margin-top: 10px;
  .list-title {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    font-size: $font-15;
    span {
      padding: 16px 0;
      flex: 1;
      &:not(:last-child) {
        border-right: 1px solid #e5e5e5;
      }
    }
  }
}
.common-list-item {
  ul {
    li {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 16px 0;
      font-size: $font-12;
      .news {
        position: absolute;
        left: 10px;
        top: 2px;
        color: #ff0000;
        font-weight: bold;
      }
      span {
        flex: 1;
      }
      &:nth-child(odd) {
        background-color:#e5e5e5;
      }
      &:nth-child(even) {
        background-color: #fff;
      }
    }
  }
}

// 量碰日选择列表
.touch-detail-content {
  .touch-list-item{
    ul {
      li {
        background-color: #fff;
        border-bottom: 1px solid #e5e5e5;
      }
      .day-li {
        background-color: #e5e5e5;
        font-weight: bold;
        font-size: $font-16;
        padding: 14px 0;
      }
    }
  }
}
//flex
.flex-box{
  width: 100%;
  height:54px;
  line-height: 54px;
  padding: 0 16px 0 14px;
  color: #333;
  font-size: 15px;
  background: #fff;
  border-top: 1px solid #e5e5e5;
  display: flex;
  &:nth-of-type(1){
    margin-top:10px;
  }
  li{
    &:nth-of-type(1){
      width:auto;
      min-width: 70px;
      height: 100%;
    }
    &:nth-of-type(2){
      flex:1
    }
    &:nth-of-type(3){
      width:auto;
      height: 100%;
    }
  }
}

// 公共进度条
.progress {
  padding: 22px 0 10px 0;
  background-color: #fff;
  margin: 10px 0 0 0;
  img {
    padding: 0 16px;
    width: 100%;
  }
}
